<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:s="http://jboss.com/products/seam/taglib"
      xmlns:a="http://richfaces.org/a4j">

<ui:composition template="/content/templates/myMenuTemplate.xhtml">
    <ui:param name="selectedMenuSub1" value="profile"/>
    <ui:define name="title">#{labels['ABOUT_ME']}</ui:define>
    <ui:decorate template="/content/templates/contentDecorator.xhtml">

        <h:form>
            <table class="lj" style="margin:30px auto 0 auto;">
                <tr>
                    <td style="width:150px;">
                        <label>#{labels['EMAIL']}:</label>
                    </td>
                    <td>
                        <h:inputText value="#{aboutMeBean.userInfo.email}" maxlength="250" styleClass="large"
                                    required="true" requiredMessage="#{labels['FIELD']} '#{labels['EMAIL']}' #{labels['REQUIRED']}" converter="email"/>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label>#{labels['CONTACT_INFO']}:</label>
                    </td>
                    <td>
                        <h:inputTextarea id="contact" value="#{aboutMeBean.userInfo.contactInfo}" styleClass="text"
                                         validatorMessage="#{labels['FIELD']} '#{labels['CONTACT_INFO']}' #{labels.get('SYMBOLS_COUNT_EXCEED', 1000)}">
                            <f:validateLength maximum="1000"/>
                        </h:inputTextarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">&#160;</td>
                </tr>                
                <tr>
                    <td colspan="2" class="rj">
                        <h:commandButton value="#{labels['READY']}" action="#{aboutMeBean.saveInfo}"/>
                        <h:commandButton value="#{labels['CANCEL']}" action="CANCEL" immediate="true"/> 
                    </td>
                </tr>
            </table>
        </h:form>

    </ui:decorate>
</ui:composition>
</html>